import React from 'react';
import { Navigate } from 'react-router-dom';
import { useAuth } from '../contexts/AuthContext';

/**
 * 路由守卫组件
 * 用于保护需要登录才能访问的页面
 */
const ProtectedRoute = ({ children }) => {
  const { isAuthenticated } = useAuth();
  
  if (!isAuthenticated) {
    // 未登录，重定向到登录页
    return <Navigate to="/" replace />;
  }
  
  // 已登录，渲染子组件
  return children;
};

export default ProtectedRoute;